/**
 * Raxan CSS Framework - Master Layout
 * Copyright (c) 2008-2009 Raymond Irving (http://raxanpdi.com)
 *
 * Dual licensed under the MIT and LGPL licenses.
 * See the LICENSE.txt file
 *
 */

/* -- Reset -- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
input,textarea { margin: 0; }
a { outline: none; }


/* -- Typography -- */

/* Default fonts and colors. */
body { font-size: 75%; background: #fff; color: #222; }
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; font-weight: normal;}
h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em;}
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold;}

p { margin:0 0 1.5em; }
img.hvspace  { margin: 1.5em;}
a { color: #009; text-decoration: none; }
a:hover { text-decoration: underline; }

blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong  { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* list */
li ul,
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

table       { margin-bottom: 1.4em; width:100%; }
tr.tbl-header td,tr.tbl-header td,th { font-weight: bold; border-bottom:1px solid #ccc }
th,td,caption { padding: 4px 10px 4px 5px; }
tfoot       { font-style: italic; }
caption     { background: #eee; }
tr.tbl-header th,tr.tbl-header td  { background: #F7F7F7; }
tr.even td  { background: #eee; }
td.sort { background: #eee; }
tr.even td.sort { background: #ddd; }
tr.tbl-header .sort { background: #ededed; }
tr.select td  { background: #ccc; } /*should always be last*/
tr.hover td  { background: #cfcfcf !important;} /*should always be last*/

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.caps {     /* creates small caps */
  font-variant: small-caps;
  letter-spacing: 1px;
  text-transform: lowercase;
  font-weight:bold;
  padding:0 2px;
}
.fancy {    /* create serif italic dramatic text */
  color: #666;
  font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
  font-style: italic;  font-weight: normal;
}

/* containers */
* html .container {height: 1%;}
.container { margin: 0 auto; }
.column { float:left; margin-right: 10px; position:relative }
.last { margin-right:0px; clear:right }

/* dimensions */
.c1 {width:20px}.c2 {width:40px}.c3 {width:60px}.c4 {width:80px}.c5 {width:100px}.c6 {width:120px}.c7 {width:140px}.c8 {width:160px}.c9 {width:180px}.c10 {width:200px}.c11 {width:220px}.c12 {width:240px}.c13 {width:260px}.c14 {width:280px}.c15 {width:300px}.c16 {width:320px}.c17 {width:340px}.c18 {width:360px}.c19 {width:380px}.c20 {width:400px}.c21 {width:420px}.c22 {width:440px}.c23 {width:460px}.c24 {width:480px}.c25 {width:500px}
.c26 {width:520px}.c27 {width:540px}.c28 {width:560px}.c29 {width:580px}.c30 {width:600px}.c31 {width:620px}.c32 {width:640px}.c33 {width:660px}.c34 {width:680px}.c35 {width:700px}.c36 {width:720px}.c37 {width:740px}.c38 {width:760px}.c39 {width:780px}.c40 {width:800px}.c41 {width:820px}.c42 {width:840px}.c43 {width:860px}.c44 {width:880px}.c45 {width:900px}.c46 {width:920px}.c47 {width:940px}.c48 {width:960px}.c49 {width:980px}.c50 {width:1000px}
.c60{width:1200px}.c70{width:1400px}.c80{width:1600px}.c90{width:1800px}.c100{width:2000px}

.r1 {height:20px}.r2 {height:40px}.r3 {height:60px}.r4 {height:80px}.r5 {height:100px}.r6 {height:120px}.r7 {height:140px}.r8 {height:160px}.r9 {height:180px}.r10 {height:200px}.r11 {height:220px}.r12 {height:240px}.r13 {height:260px}.r14 {height:280px}.r15 {height:300px}.r16 {height:320px}.r17 {height:340px}.r18 {height:360px}.r19 {height:380px}.r20 {height:400px}.r21 {height:420px}.r22 {height:440px}.r23 {height:460px}.r24 {height:480px}.r25 {height:500px}
.r26 {height:520px}.r27 {height:540px}.r28 {height:560px}.r29 {height:580px}.r30 {height:600px}.r31 {height:620px}.r32 {height:640px}.r33 {height:660px}.r34 {height:680px}.r35 {height:700px}.r36 {height:720px}.r37 {height:740px}.r38 {height:760px}.r39 {height:780px}.r40 {height:800px}.r41 {height:820px}.r42 {height:840px}.r43 {height:860px}.r44 {height:880px}.r45 {height:900px}.r46 {height:920px}.r47 {height:940px}.r48 {height:960px}.r49 {height:980px}.r50 {height:1000px}

/* elastic cells */
.elastic {width:auto; position:relative}
.e10 {width:10%;}.e20 {width:20%}.e30 {width:30%}.e40 {width:40%}.e50 {width:50%}.e60 {width:60%}.e70 {width:70%}.e80 {width:80%}.e90 {width:90%}.e100 {width:100%}
.h10 {height:10%}.h20 {height:20%}.h30 {height:30%}.h40 {height:40%}.h50 {height:50%}.h60 {height:60%}.h70 {height:70%}.h80 {height:80%}.h90 {height:90%}.h100 {height:100%}


/* boxes & borders */
.border { border-width: 1px }
.tpb { border-top: 1px }.rtb { border-right: 1px }.bmb { border-bottom: 1px }.ltb { border-left: 1px }
.border, .tpb, .rtb, .bmb, .ltb { border-style: solid; border-color: #ccc; }
.colborder { padding-right: 9px;  margin-right: 10px; border-right: 1px solid #eee; }

.round { -moz-border-radius:5px; -webkit-border-radius:5px; }

.box, .alert, .info, .notice, .error, .success    { padding: 8px; border: 2px solid #ddd;}
.box { background: #eee;  border-color: #ccc; }
.alert { background-color: #FFF6BF; color: #514721; border-color: #FFD324; }
.notice  { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.info { background-color: #E5ECF9; color: #514721; border-color: #C3D9FF; }
.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error { background: #ffcccc; color: #000; border-color: #cc3300; }
.alert a { color: #514721; }
.success a  { color: #264409; }
.info a { color: #000099;  }
.error a, .notice a { color: #8a1f11; }
/* box title */
.box-title { margin:-7px -7px 10px -7px; font-weight:bold; padding: 2px 5px; border-bottom: 1px solid #777; display:block }
.box .box-title { background:#C1C1C1;}
.success .box-title { background:#B8D152; border-color:#91A92E}
.alert .box-title { background:#FFD900; border-color:#CEAF00}
.info .box-title { background:#98B4E7; border-color:#5381D7}
.notice .box-title, .error .box-title { background:#EF8F95; border-color:#BA1B23}

 /*bg colors */
.white { background:#fff; }
.silver { background:#c0c0c0; }
.lightgray { background:#e0e0e0; }
.softgreen { background-color: #C6D880 }    /* soft colors */
.softblue { background-color: #C3D9FF }
.softred { background-color: #FBC2C4 }
.softyellow{ background-color: #FDEE89 }
.pastelgreen { background-color: #E6EFC2 }

/* position */
.above {position:absolute;}
.left { float:left; position:relative } .right { float:right; position:relative }
.center {margin: 0 auto;}
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.front { z-index: 1000; }
.back { z-index: -1000; }
.fixed { position:fixed; }


/* pads & margins */
.pad { padding:10px }.hlf-pad { padding:5px }.dbl-pad{ padding:20px }  /*  pad, half, double padding */
.margin { margin:10px }
.tpm { margin-top: 10px }.rtm { margin-right: 10px }.bmm { margin-bottom: 10px }.ltm { margin-left: 10px }

/* prepend & append*/
.append1 {padding-right:20px}.append2 {padding-right:40px}.append3 {padding-right:60px}.append4 {padding-right:80px}.append5 {padding-right:100px}
.append6 {padding-right:120px}.append7 {padding-right:140px}.append8 {padding-right:160px}.append9 {padding-right:180px}.append10 {padding-right:200px}
.prepend1 {padding-left:20px}.prepend2 {padding-left:40px}.prepend3 {padding-left:60px}.prepend4 {padding-left:80px}.prepend5 {padding-left:100px}
.prepend6 {padding-left:120px}.prepend7 {padding-left:140px}.prepend8 {padding-left:160px}.prepend9 {padding-left:180px}.prepend10 {padding-left:200px}
.prepend-top {margin-top:20px;}
.append-bottom {margin-bottom:20px;}

/* push & pull elements */
.push1 { margin-right: -20px; margin-left: 20px }
.push2 { margin-right: -40px; margin-left: 40px }
.push3 { margin-right: -60px; margin-left: 60px }
.push4 { margin-right: -80px; margin-left: 80px }
.push5 { margin-right: -100px; margin-left: 100px }
.push1, .push2, .push3, .push4, .push5 {  float: right;  position:relative;}

.pull1 { margin-left: -20px; margin-right: 20px }
.pull2 { margin-left: -40px; margin-right: 40px }
.pull3 { margin-left: -60px; margin-right: 60px }
.pull4 { margin-left: -80px; margin-right: 80px }
.pull5 { margin-left: -100px; margin-right:100px }
.pull1, .pull2, .pull3, .pull4, .pull5 { float: left; position:relative; }

/* up & down - push elements up or down */
.up1 { margin-top: -20px; margin-bottom: 20px }
.up2 { margin-top: -40px; margin-bottom: 40px }
.up3 { margin-top: -60px; margin-bottom: 60px }
.up4 { margin-top: -80px; margin-bottom: 80px }
.up5 { margin-top: -100px; margin-bottom: 100px }
.up1, .up2, .up3, .up4, .up5 { position:relative; }

.dn1 { margin-top: 20px; margin-bottom: -20px }
.dn2 { margin-top: 40px; margin-bottom: -40px }
.dn3 { margin-top: 60px; margin-bottom: -60px }
.dn4 { margin-top: 80px; margin-bottom: -80px }
.dn5 { margin-top: 100px; margin-bottom: -100px }
.dn1, .dn2, .dn3, .dn4, .dn5 { position:relative; }

/* rulers */
hr {
  background: #ccc;
  color: #ccc;
  clear: both;
  float: none;
  width: 100%;
  height: 1px;
  margin: 5px 0 1em 0;
  border: none;
}
hr.space { background: transparent; color: #fff;  border: none; margin-top:0}

/* scroll */
.clip {overflow:hidden;}
.clip-x {overflow-x:hidden;}
.clip-y {overflow-y:hidden;}
.scrollable { overflow:auto;}

/* grid mask*/
.grid-mask { background: url(default/grid.png) }

/* visibility */
.hide {display:none}
.transparent { -moz-opacity:0.4; opacity: 0.4; }

/* cursors */
.mouse-cursor { cursor:default; }
.click-cursor { cursor:pointer; }

/* clear */
.clear,form br { clear:both; }
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}

/* forms */
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ddd; }
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; }

/* textbox */
.textbox:focus { border-color:#97BEFF }
.textbox {
    padding: 2px; margin-bottom:3px; border: 1px solid #acacac;
}


